@import "./init.scss";
$picUrl:"../../pic";
//用作背景的图标图标长度集中管理
$unit: px;
$icoWidth: 24px;
$icoHeight: 168px;
@function unitsH($n){
    @return $n/24*168+#{$unit};
}
@function unitsY($n,$c){
    @return '-'+$n*$c+#{$unit};
}
#content,#content-box{
    min-height:1200px;
}
body {
    font-size: 14px;
}
/*重用率较高的公共部分*/
.width9{
    width:9%;
}
.width4{
    width:4%;
}
.width6{
    width:6%;
}
.width12{
    width:12%;
}
.width14{
    width:14%;
}
.width20{
    width:20%;
}
.width25{
    width:25%;
}
.width40{
    width:40%;
}
.width62{
    width:62%;
}
.width60{
    width:60%;
}
.text-r{
    text-align: right;
}
.float-l{
    float:left;
}
.float-r{
    float: right!important;
}
.font-s12{
    font-size: 12px;
}
.color-white{
    color:#FFFFFF;
}
.color-black{
    color:#373e44;
}
.padding-l40{
    padding-left:40px;
}
.red{
    color:#f2362e;
}
.grey{
    color:#e4e4e4;
}
/*左边导航部分*/
.menus {
    float:left;
    width:255px;
    position:fixed;
    overflow: hidden;
    color:#60708d;
    background:#1B2A3B;
    .admin {
        padding: 25px 0 5px 30px;
        border-bottom: 1px solid #00A5FD;
        overflow: hidden;
        .admin-text {
            height: 80px;
            padding: 20px 0 0 10px;
        }
        .admin-img {
            width: 90px;
            height: 90px;
            overflow: hidden;
            border-radius: 60px;
            background: #F8F8F8;
            img {
                width: 90px;
                height: 90px;
            }
        }
    }
    .menu-li {
        padding-top: 25px;

        li{
            height: 46px;
            width: 255px;
            font-size: 16px;
            line-height: 46px;
            a {
                height: 22px;
                margin-left: 4px;
                padding: 12px 0 12px 27px;
                line-height: 22px;
                overflow: hidden;
                display: block;
                cursor: pointer;
                color: #60708D;
            }
        }
    }
}
.hover,
.hovers {
    background-color: #1d2636!important;
    margin-left: 0!important;
    color: #FFFFFF!important;
    background-position: 26px -44px!important;
}
.hover{
    border-left: 4px solid #64b281;
}
.hovers{
    border-left: 4px solid #16a4fa;
}
/*右边内容区域*/
#content{
    overflow: hidden;
    color:#48525a;
    float:right;
    width:100%;
    margin-left:-255px;
    background:#1B2A3B;
}
#content-box{
    margin-left:255px;
    background:#ecf0f1;
    .content-head {
        height: 130px;
        overflow: hidden;
        background: #FFFFFF;
        .keyboard {
            height: 80px;
            border-bottom: 1px solid #E4E4E4;
        }
        .search{
            float:left;
            height: 35px;
            width:260px;
            margin-top: 23px;
            border-radius:5px;
        }
        .on-off {
            padding: 0px 30px;
            border-left: 1px solid #e3e3e3;
            i {
                font-size: 35px;
                color: #48525A;
            }
        }
        .keyboard-botton {
            float: right;
            height: 100%;
            a{
                float: left;
                display: inline-block;
                height:60px;
                padding-top: 20px;
                margin:0 5px;
            }
        }
        .navigation {
            height: 49px;
            line-height: 49px;
            a {
                color: #373e44;
                padding: 0 5px;
            }
            span {
                float: right;
                padding-right: 20px;
                color:#888888;
            }
        }
    }
}
.box {
    padding: 20px 24px;
    margin-bottom: 30px;
    overflow: hidden;
    border: 1px solid #dddddd;
    background: #FFFFFF;
    .title {
        width:100%;
        padding-bottom: 20px;
        span{
            color: #a5b0b4;
        }
    }
}
.content {
    padding: 25px 15px;
    overflow: hidden;
}
//.help-block{
//    width: 200px;
//    height: 20px;
//    line-height: 20px;
//    margin-bottom: 5px;
//    padding-left: 70px;
//    color: #E32313;
//    font-size: 12px;
//}
